<div class="tab-container">
  <tab-list class="tab-list-sub" [listData]="tabList" baseUrl="/quote/block" [activeOptions]="{'exact': false}" [isNavTab]="true"></tab-list>
</div>
<div class="block-bottom">
  <div class="quote-block-container" [ngClass]="{'with-detail': currentStock}">
    <div class="table-container">
      <div class="block-table">
        <quote-table [updateEventSource]="params" [headers]="blockTableHeaders" [options]="blockTableOptions" (quoteClick)="openBlock($event)" (quoteDblClick)="goCheckDetail($event)" [scrollable]="true"></quote-table>
      </div>
      <div class="stock-table">
        <quote-table [updateEventSource]="blockParams" [headers]="stockTableHeader" [options]="stockTableOptions" (quoteClick)="selectStock($event)" (quoteDblClick)="goCheckDetail($event)" [scrollable]="true"></quote-table>
      </div>
    </div>
    <div class="info-list-container">
      <stock-info appendClass="combo-list" [stockSource]="currentStockSource"></stock-info>
      <!--<div class="list-wrapper">
        <h4 class="list-heading">新闻</h4>
        <hr>
        <info-list [stockSource]="currentStockSource" hrefRef="/read-article.html" infoType="news"></info-list>
      </div>
      <div class="list-wrapper">
        <h4 class="list-heading">公告</h4>
        <hr>
        <info-list [stockSource]="currentStockSource" hrefRef="/read-article.html" infoType="announcements"></info-list>
      </div>
      <div class="list-wrapper">
        <h4 class="list-heading">研报</h4>
        <hr>
        <info-list [stockSource]="currentStockSource" hrefRef="/read-article.html" infoType="reports"></info-list>
      </div> -->
    </div>
  </div>
  <div class="quote-chart-container">
    <div class="chart-with-tab">
      <tab-list class="tab-list-tab" [autoClickFirst]="true" (tabClick)="currentBlockTab = $event" [listData]="chartTabList" [isNavTab]="false"></tab-list>
      <div class="chart-wrapper">
        <quote-chart [updateEventSource]="blockSub" [withCaption]="true" *ngIf="currentBlockTab?.text === '分时'" [duration]="duration" [hideName]="true"></quote-chart>
        <kchart [updateEventSource]="blockSub" *ngIf="currentBlockTab?.text === 'k线'" period="Day1"></kchart>
      </div>
    </div>
    <div class="chart-with-tab">
      <tab-list class="tab-list-tab" [autoClickFirst]="true" (tabClick)="currentStockTab = $event" [listData]="chartTabList" [isNavTab]="false"></tab-list>
      <div class="chart-wrapper">
        <quote-chart [updateEventSource]="currentStockSource"  [withCaption]="true" *ngIf="currentStockTab?.text === '分时'" [duration]="duration"  [hideName]="true"></quote-chart>
        <kchart [updateEventSource]="currentStockSource" *ngIf="currentStockTab?.text === 'k线'" period="Day1"></kchart>
      </div>
    </div>
  </div>
</div>